<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>通知公告</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="${s.base}/phone/css/common.css">
<link rel="stylesheet" href="${s.base}/phone/css/font-awesome.css">
	<script src="${s.base}/js/jquery-3.2.0.min.js"></script>
	<script type="application/javascript">
        $(function(){
            $(".changeBtn").bind("click",function(){
                $("#showContent").hide();
                $("#showSelect").show();
            });
        })
	</script>
</head>
<body>
<span id="showContent">
<#if personType=="3">
	<div class="head-parent">
		<div class="head-parent-img"><img src="${msgParent.headImgUrl}" /></div>
		<div class="head-parent-name">
			<h3>${msgParent.studentName}</h3>
			<span><i class="fa fa-address-card-o"></i> ${msgParent.gradeName} ${msgParent.className}</span>
			<span>班主任：${msgParent.headMasterName}</span>
		</div>
		<a class="icon changeBtn"><i class="fa fa-exchange"></i></a>
	</div>
</#if>
<#if personType!="3">
	<div class="notice-head">
		<a href="#"><i class="fa fa-pencil-square-o"></i>发通知</a>
	</div>
</#if>
<div class="course-content">
	<div class="notice-list">
		<ul>
			<#list list as msgNotice>
			<li>
				<a href="${s.base}/mobile/noticeContent/${msgNotice.noticeId}?id=${id}">
					<div class="notice-fl">
						<#if personType=="1">
							<img src="${msgStudent.headImgUrl}"/>
							<p class="notice-name">${msgStudent.studentName}</p>
						</#if>
						<#if personType=="2">
							<img src="${msgTeacher.headImgUrl}"/>
							<p class="notice-name">${msgTeacher.teacherName}</p>
						</#if>
						<#if personType=="3">
							<img src="${msgParent.headImgUrl}"/>
							<p class="notice-name">${msgParent.parentName}</p>
						</#if>
						<#if msgNotice.status == "1"><span class="read">已读</span></#if>
						<#if msgNotice.status == "2"><span class="no-read">未读</span></#if>
					</div>
					<div class="notice-fr">
						<h3>${msgNotice.title}</h3>
						<p>${msgNotice.content}</p>
						<hr>
						<time>${msgNotice.createTime?string("yyyy-MM-dd HH:mm:ss")}</time>
						<#if msgNotice.kind == "1"><span class="notice-school">校级通知</span></#if>
						<#if msgNotice.kind == "2"><span class="notice-class">班级通知</span></#if>
					</div>
				</a>
			</li>
			</#list>
		</ul>
	</div>
	
</div>
</span>

<div id="showSelect" style="width:100%; height:100%; background-color:#FFF; display: none;">
	<div class="Seach-content">
		<ul>
			<#if personType == "3">
				<#list msgParentList as msgParents>
					<li><a href="${s.base}/mobile/notice?personType=3&id=${msgParents.parentId}">${msgParents.gradeName}${msgParents.className}</a></li>
				</#list>

			</#if>
			</li>
		</ul>
	</div>
</div>
</body>
</html>

